

#contenedor
{
background-color:black;
font-family:arial;color:white;font-size:15px;
width:900px;height:500px;
margin:auto;
}

#cabecera
{
width:900px;background-color:black;
text-align:center;
font:italic bold 30px arial;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-width:1px;
}
#logo
{
 height:50px;
 width:50px;
 margin-top:10px;
 margin-bottom:10px;
 float:left;
}
#titulo
{
 height:75px;
 width:490px;
 text-align:right;
 float:left;
 margin:auto;
	
}
#usuarioFecha
{
width:350px;
height:60px;
background-color:black;
text-align:right;float:right;
font:italic bold 12px arial, serif;
color:white;
float:right;
}

#menu
{
width:900px;height:20px;
font:italic bold 15px arial;
color:white;
border-top-style:solid;
border-bottom-style:solid;
border-width:1px;
clear:both;
}

#inicio
{
width:300px;
text-align:left;float:left;

}#usuario
{
width:300px;
text-align:right;float:right;
}

#divmensaje
{
width:900px;background-color:black;
text-align:center;color:red;
font:italic bold 14px arial, serif;
padding-top:5px;
margin:auto;
float:left;
}


#contenido
{
width:900px;background-color:black;
font:italic bold 12px arial;
text-align:left;
/*font-family:arial;color:grey;font-size:15px;float:left;*/
}

#pie
{
background-color:black;
width:900px;
height:150px;
clear:both;
text-align:center;
font:italic bold 15px arial;
color:white;
float:left;
/*font-family:arial;color:grey;font-size:15px;*/
}

#loginForm
{
margin:auto;
width:280px;
border:solid;
border-width:1px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

.tituloBusq
{
color:red;
font:italic 18px arial;
text-align:center;
clear:both;
}

.tituloForm
{
font:italic bold 15px arial;
text-align:center;
clear:both;
}


.tituloLista
{
font:italic bold 15px arial;
clear:both;
}

#zonaBuscar
{
float:left;
background-color:black;
width:900px;
padding-bottom:20px;
border-bottom: solid 1px;
}
.imagenBuscar
{
width:200px;
height:150px;
}


#busqueda1
{
float:left;
width:300px;
padding-left:25px;
}

#busqueda2
{
float:left;
width:330px;
}
 #busqueda3
{
float:left;
width:245px;
}

#precio, #numero
{
	width:140px;
	float:left;
}



.busquedaLibre
{
}

#resultados
{
clear:both;
}

#imagen1,#imagen2,#imagen3{
padding-top:15%;
padding-bottom:5%;
padding-right:5%;
padding-left:5%;
}

#oferta
{
float:center;
}

#foto
{
width:80px;
height:80px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-width:2px;
color:white;
}

#foto140
{
width:140px;
height:140px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-width:2px;
color:white;
}

#foto300
{
width:200px;
height:200px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-width:2px;
color:white;
align: center;
}

#resultados
{
width:600px;
margin:auto;
padding:20px;
}


#subscripcion{
margin:auto;
width:240px;
height:170px;
border:solid;
border-width:1px;
padding:15px;
}
.subscripcionForm
{
margin:auto;
}


#ofertaDestacadaFoto
{
float:left;
background-color:black;
width:100px;height:100px;
padding:5px;
}

#ofertaDestacada
{
float:left;
background-color:black;
width:500px;height:100px;
text-align:center;
}

.formulario
{
width:450px;
float:left;
}
.formularioCentro{
width:475px;
border:solid 1px;
margin:auto;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
}
.fotoForm{
float:left;
width:175px;
height:150px;
}
#datosProducto{
width:625px;
height:200px;
margin:auto;
}

#contenedorDatosProducto{
height:325px;
}

#datos
{
width:300px;
}

a
{
color: grey;
text-decoration: none;
}

body{
background-color:black;
}

#ofertaListadaFoto
{
float:left;
background-color:black;
width:150px;height:150px;
/*border-bottom-style:solid;
border-top-style:solid;
border-width:2px;*/
color:white;
}

#ofertaListada
{
float:left;
background-color:black;
width:450px;height:150px;
/*border-bottom-style:solid;
border-top-style:solid;
border-width:2px;*/
color:white;
}

#opcionesOferta
{
float:left;
background-color:black;
width:295px;height:150px;
/*border-bottom-style:solid;
border-top-style:solid;
border-right-style:solid;
border-width:2px;*/
color:white;
}

#queHasBuscado
{
color:red;
}

#nombreRestauranteListado
{
color:red;
font:italic bold 15px arial;
}

#precioYVigenciaRestauranteListado
{
color:white;
font:italic bold 15px arial;
}

#descDetalleOferta
 {
color:white;
font:italic bold 15px arial;
text-align:center;
}

#fotoDetalle
{
float:left;
background-color:black;
width:400px;height:400px;
align:middle;
}

#descDetalleOferta
{
float:left;
background-color:black;
width:600px;height:370px;
}


#direccion
{
color:grey;
font:italic bold 15px arial;     
}

#masResultados
{
color:grey;
font:italic bold 15px arial;   
text-align:right;  
}     

#botonSalir, #botonComprar, #botonEnviar
{
width:155px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
/*float:right;*/
}



.tabla{
border:solid 1px;
width:900px;
clear:both;
}

.tabla th,.tabla td {
border:solid 1px;
}




#botonBuscar
{
float: right;
}


.errorMessage{
	color:red;
	font-size:12px;
	font-style:italic;
	float:left;
	
}


.wwFormTable{
width:100%;	
}
#login input{
width:97%;
}

#login .botonEnviar{
width:50px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
}

#datosUsuario input{
width:97%;
}
#datosUsuario #botonEnviar{
width:155px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
}

#pedirDatosCliente input{
width:97%;
}

#pedirDatosCliente #botonEnviar{
width:155px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
}



#producto{
	float:left;
	text-align:center;
	width:400px;
}

#formularioReserva
{
width: 400px;
clear:both;
margin: auto;
text-align:center;
padding:15px;
border:solid 1px;
}

#addReserva #botonEnviar{
width:50px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial;
margin:auto;
}

#confirmar{
width: 400px;
clear:both;
margin: auto;
text-align:center;
padding:15px;
border:solid 1px;
}

.enviar50ctr{
width:50px;
height:25px;
margin:auto;
background-color:red;
color:white;
font:italic bold 12px arial; 
}

#datosProducto input{
width:97%;
}

#productoForm #botonEnviar
{
width:155px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
}

#pedirDatosOferta input{
width:97%;
}

#pedirDatosOferta #botonEnviar
{
width:155px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
}

#pedirDatosProducto input{
width:97%;
}

#pedirDatosProducto #botonEnviar
{
width:155px;
height:25px;
background-color:red;
color:white;
font:italic bold 12px arial; 
}





